<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>模板工厂</title>
	<script type="text/javascript" language="javascript" src="js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" language="javascript" src="plugins/ixedit/js/jquery-plus-jquery-ui.js"></script>
	<script type="text/javascript" language="javascript" src="plugins/ixedit/js/ixedit_cn.js"></script>
	<script type="text/javascript" language="javascript" src="plugins/easywidgets/jscripts/jquery.easywidgets.js"></script>
	<link rel="stylesheet" type="text/css" href="plugins/ixedit/css/ixedit.css" />
	<link rel="stylesheet" type="text/css" href="plugins/ixedit/css/ui-sui.css" />
	<script type="text/javascript" language="javascript" src="js/Map.js"></script>
	<script type="text/javascript" language="javascript" src="js/common_diy.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="plugins/easywidgets/styles/jquery.easywidgets.css" />
	<link rel="stylesheet" type="text/css" href="css/layout.css" />
	<link rel="stylesheet" type="text/css" href="plugins/easywidgets/styles/main.css" />
	<script src="plugins/jQueryAlertDialogs/jquery.alerts.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="plugins/jQueryAlertDialogs/jquery.alerts.css" />
	<script type="text/javascript" language="javascript" src="js/myui.js"></script>
	<script type="text/javascript">
		//这个可以关闭ixedit
		if(window.ixedit){ixedit.deployed = true};
	</script>
</head>
<body>
	<div class="head">
		<a href="javascript:void(0)" onclick="$('#save-settings').dialog('open');" class="functions">获取页面内容</a>
		<a href="javascript:void(0)" onclick="saveWidget()" class="functions">保存配置</a>
		<a href="javascript:void(0)" onclick="$('#makeFrame').dialog('open');" class="functions">创建框架</a>
		<a href="javascript:void(0)" onclick="$('#ixedit-makeDIV-main').dialog('open');" class="functions">创建元素</a>
		<a href="javascript:void(0)" onclick="$('#div-other-func').dialog('open');" class="functions">其他功能</a>
		<div id="easywidgets_id"></div>
		<div class="clear"></div>
	</div>
	<!-- 开始diy -->
	<div class="main">
		
	</div>
	<!-- 结束diy -->
	<div id="guiji"></div>

<div id="makeFrame" title="我是来创建框架的---创建后也可以拖拖我改变上下布局哦---暂时无法编辑,要一炮成功哈">
	<div class="content">
		<div class="options">
			<span class="title">
				上级元素：
			</span>
			<span>
				<input type="text" id="frame_parent_id" readonly="readonly" onclick="ixedit.xRay.startXRays(jQuery('#frame_parent_id'),'#makeFrame')" onchange="check_find_frame(this)" title="点击页面元素以选择对象元素选择符">
			</span>
			<span class="ixedit-dialog">
				<button class="ixedit-xraybtn ixedit-xraybtn-pushed" onclick="ixedit.xRay.startXRays(jQuery('#frame_parent_id'),'#makeFrame');" title="点击页面元素以选择对象元素选择符">&nbsp;</button>
			</span>
			<span class="red_star">☆</span>
		</div>
		<div class="options">
			<span class="title">
				框架id：
			</span>
			<span>
				<input type="text" id="frame_id"> 
			</span>
		</div>
		<div class="options">
			<span class="title">
				框架class：
			</span>
			<span>
				<input type="text" value="widget-frame m" id="frame_class"> 
			</span>
		</div>
		<div class="options">
			<span class="title">
				框架标题：
			</span>
			<span>
				<input type="text" value="100%框架" id="frame_title">  
			</span>
			<span class="shuoming">
				
			</span>
		</div>
		<div class="options">
			<span class="title">
				模块那个：
			</span>
			<span>
				<input type="checkbox" name="frame_func" class="frame_func" checked="checked" value="movable" id="frame_func_1"><label for="frame_func_1">移动</label>
				<input type="checkbox" name="frame_func" class="frame_func" value="editable" id="frame_func_2"><label for="frame_func_2">编辑</label>
				<input type="checkbox" name="frame_func" class="frame_func" value="removable" id="frame_func_4"><label for="frame_func_4">删除</label>
				<input type="checkbox" name="frame_func" class="frame_func" value="closeconfirm" id="frame_func_5"><label for="frame_func_5">删除确认</label>
			</span>
			<span class="shuoming">
				
			</span>
		</div>
		<div class="options">
			<span class="title">
				位置class：
			</span>
			<span>
				<input type="text" value="widget-place" id="frame_place_class"> 
			</span>
		</div>
		<div class="options">
			<span class="title">
				布局：
			</span>
			<span class="content">
				<ul>
					<li class="frame-layout frame-layout-checked" value="1" title="100%">
						<img alt="" src="./images/layout-1.png" >
						100%框架
					</li>
					<li class="frame-layout" value="2" title="1:1">
						<img alt="" src="./images/layout-1-1.png">
						1:1
					</li>
					<li class="frame-layout" value="3" title="1:2">
						<img alt="" src="./images/layout-1-2.png">
						1:2
					</li>
					<li class="frame-layout" value="4" title="1:3">
						<img alt="" src="./images/layout-1-3.png">
						1:3
					</li>
					<li class="frame-layout" value="5" title="1:1:1">
						<img alt="" src="./images/layout-1-1-1.png">
						1:1:1
					</li>
					<li class="frame-layout" value="6" title="2:1">
						<img alt="" src="./images/layout-2-1.png">
						2:1
					</li>
					<li class="frame-layout" value="7" title="3:1">
						<img alt="" src="./images/layout-3-1.png">
						3:1
					</li>
					<li class="frame-layout" value="8" title="tab">
						<img alt="" src="./images/layout-tab.png">
						tab框架
					</li>
				</ul>
			</span>
				<span class="ixedit-dialog">
			</span>
		</div>
		<div class="options">
			<span class="title">
				tab框架个数：
			</span>
			<span>
				<input type="text" value="2" onchange="">暂时不可用这个东西,以后再搞
			</span>
		</div>
		<div class="options">
			<span class="title">
				摆放位置：
			</span>
			<span>
				<input type="radio" id="place-3" name="frame-place" value="append">
				<label for="place-3" title="append 只能针对main使用">元素里面</label>
				
				<input type="radio" id="place-2" name="frame-place" value="after">
				<label for="place-2" title="after 只能针对frame使用">元素之后</label>
				
				<input type="radio" id="place-1" name="frame-place" value="before" >
				<label for="place-1" title="before 只能针对frame使用">元素之前</label>
			</span>
		</div>
	</div>
</div>
<div id="ixedit-makeDIV-main" title="我想啷个创建元素豆啷个创建---暂时无法编辑,要一炮成功哈">
	<div class="content">
		<div id="ixedit-makeDIV-tabs">
		  <ul>
			<li><a href="#ixedit-makeDIV-tabs-3">模块数据</a></li>
			<li><a href="#ixedit-makeDIV-tabs-1">基本信息</a></li>
			<li title="这里重构调用条件，显示方式"><a href="#ixedit-makeDIV-tabs-4">模块布局</a></li>
			<li><a href="#ixedit-makeDIV-tabs-2">模块样式</a></li>
		  </ul>
		  <div id="ixedit-makeDIV-tabs-1">
				<div class="options">
					<span class="title">
						上级元素：
					</span>
					<span>
						<input type="text" id="div_parent_id" readonly="readonly" onclick="ixedit.xRay.startXRays(jQuery('#div_parent_id'),'#ixedit-makeDIV-main')" title="点击页面元素以选择对象元素选择符">
					</span>
					<span class="ixedit-dialog">
						<button class="ixedit-xraybtn ixedit-xraybtn-pushed" onclick="ixedit.xRay.startXRays(jQuery('#div_parent_id'),'#ixedit-makeDIV-main')" title="点击页面元素以选择对象元素选择符">&nbsp;</button>
					</span>
					<span class="red_star">☆尽量选择唯一id</span>
				</div>
				<div class="options">
					<span class="title">
						标题：
					</span>
					<span>
						<input type="text" id="div_title">
					</span>
					<span class="red_star">☆</span>
				</div>
				<div class="options">
					<span class="title">
						模块标识：
					</span>
					<span>
						<input type="text" id="div_id" value="">
					</span>
					<span class="shuoming">
						说明：标识就是传说中的id 
					</span>
					<span class="red_star">☆</span>
				</div>
				<div class="options">
					<span class="title">
						模块class：
					</span>
					<span>
						<input type="text" id="div_class" value="widget">
					</span>
					<span class="shuoming">
						说明：理论上是可以选择的
					</span>
				</div>
				<div class="options">
					<span class="title">
						模块那个：
					</span>
					<span>
						<input type="checkbox" name="div_func" class="div_func" checked="checked" value="movable" id="div_func_1"><label for="div_func_1">移动</label>
						<input type="checkbox" name="div_func" class="div_func" value="editable" id="div_func_2"><label for="div_func_2">编辑</label>
						<input type="checkbox" name="div_func" class="div_func" value="removable" id="div_func_4"><label for="div_func_4">删除</label>
						<input type="checkbox" name="div_func" class="div_func" value="closeconfirm" id="div_func_5"><label for="div_func_5">删除确认</label>
					</span>
					<span class="shuoming">
						
					</span>
				</div>
				<div class="options">
					<span class="title">
						更多链接：
					</span>
					<span>
						<input type="checkbox" checked="checked" id="div_more">
						<label for="div_more">显示</label>
					</span>
					<span class="shuoming">
						
					</span>
				</div>
		  </div>
		  <div id="ixedit-makeDIV-tabs-2">
				<div class="options options-setting s-1 s-2 s-3 s-5">
					<span class="title">
						模块标题class：
					</span>
					<span>
						<input type="text" id="div_title_class" value="widget-header">
					</span>
				</div>
				<div class="options options-setting s-1 s-2 s-3 s-5">
					<span class="title">
						模块内容class：
					</span>
					<span>
						<input type="text" id="div_content_class" value="widget-content">
					</span>
				</div>
				<div class="options options-setting s-1 s-2 s-3">
					<span class="title">
						标题最大字数：
					</span>
					<span>
						<input type="text" value="0" id="title_length">
					</span>
					<span class="shuoming">
						0:全部显示
					</span>
				</div>
				<div class="options options-setting s-2 s-3">
					<span class="title">
						图片宽高：
					</span>
					<span>
						<input type="text" value="0" size="5" id="img_width"> X 
						<input type="text" value="0" size="5" id="img_height"> [宽X高]
					</span>
				</div>
				<div class="options options-setting s-4">
					<span class="title">
						选择广告位：
					</span>
					<span id="ad_type">
					</span>
					<span id="ad_place">
					</span>
				</div>
				<div class="options options-setting s-5">
					<span class="title">
						图片显示效果：
					</span>
					<span>
						特效一   特效二
					</span>
				</div>
				
		  </div>
		  <div id="ixedit-makeDIV-tabs-3">
				<div class="options">
					<span class="title">
						模块编号：
					</span>
					<span>
						<select id="div_module_id" onchange="getCats(this);">
							<option value="0">请选择模块编号</option>
						</select>
					</span>
					<span class="red_star">☆</span>
				</div>
				<div class="options">
					<span class="title">
						分类编号：
					</span>
					<span>
						<select id="div_module_cat_id">
							<option value="0">请选择分类编号</option>
						</select>
					</span>
				</div>
				<div class="options">
					<span class="title">
						显示条数：
					</span>
					<span>
						<input type="text" value="10" id="div_content_rows">
					</span>
				</div>
				<div class="options">
					<span class="title">
						显示等级：
					</span>
					<span>
						<select id="div_content_level">
							<option value="0">显示等级</option>
							<option value="1" selected="selected">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
						</select>
					</span>
				</div>
				<div class="options">
					<span class="title">
						调用条件：
					</span>
					<span>
						<select id="div_module_rule" onchange="myGetValue('span_module_rule',this.value)">
							<option value="">常用调用条件</option>
							<option value="1">不限条件</option>
							<option value="status=3" selected="selected">已发布的信息</option>
							<option value="status=3 and thumb<>''">有图的信息</option>
							<option value="status=3 and vip>0"><?php echo VIP;?>信息</option>
						</select>
					</span>
					<span id="span_module_rule"></span>
				</div>
				<div class="options">
					<span class="title">
						排序方式：
					</span>
					<span>
						<select id="div_module_sort" onchange="myGetValue('span_module_sort',this.value)">
							<option value="">常用排序方式</option>
							<option value="itemid desc">按信息ID排序</option>
							<option value="edittime desc" selected="selected">按修改时间排序</option>
							<option value="addtime desc">按添加时间排序</option>
							<option value="vip desc">按VIP排序</option>
							<option value="hits desc">按浏览次数排序</option>
							<option value="rand() desc">按随机排序</option>
						</select>
					</span>
					<span id="span_module_sort"></span>
				</div>
				<div class="options">
					<span class="title" id="templates_span">
						显示方式：
					</span>
					<span class="shuoming" >
						说明：就是template=XXX
					</span>
				</div>
		  </div>
		   <div id="ixedit-makeDIV-tabs-4">
		   		<div class="options">
					<span class="title">
						内容组合：
					</span>
					<span class="content">
						<ul class="div_layout">
							<li class="div-layout-checked" value="1" title="单一文章列表">
								<img alt="" src="./images/layout-data-1.png">
								单一文章列表
							</li>
							<li value="2" title="图文列表">
								<img alt="" src="./images/layout-data-1-1-1.png">
								图文列表
							</li>
							<li value="3" title="图文列表">
								<img alt="" src="./images/layout-data-1-1-2.png">
								图文列表
							</li>
							<li value="5" title="图片列表">
								<img alt="" src="./images/layout-data-pic.png">
								图片列表
							</li>
						</ul>
					</span>
					<span class="shuoming" >
						
					</span>
				</div>
				<div class="options">
					<span class="title">
						广告：
					</span>
					<span class="content">
						<ul class="div_layout">
							<li value="4">
								<img alt="" src="./images/layout-data-ad.png">
								广告位
							</li>
						</ul>
					</span>
				</div>
		   		<div class="clear"></div>
		   </div>
		</div>
	</div>
</div>
<div id="save-settings" title="保存页面设置">
<div class="content">
	<div class="options">
		<span class="title">
			功能选择：
		</span>
		<span>
			<input type="checkbox" id="frame_title_check">
			<label for="frame_title_check">不显示框架标题</label>
			<input type="checkbox" id="is_ad_check">
			<label for="is_ad_check">删除广告模块标题</label>
		</span>
		<span class="shuoming" >
			
		</span>
	</div>
	<div class="options">
		<span class="title">
			选择模板：
		</span>
		<span id="web_template_addr">
		</span>
		<span class="shuoming" >
			
		</span>
	</div>
	<div class="options">
		<span class="title">
			生成文件：
		</span>
		<span>
			<input type="text" id="template_file" value="index.htm">
		</span>
		<span class="shuoming" >
			
		</span>
	</div>
	<div class="clear"></div>
</div>
</div>
<div id="ixedit-editDIV-main" title="编辑" style="display: none">
	这个是我们的通用编辑区域
</div>
<div id="div-other-func" title="页面其他功能" style="display: none">
	<div class="content">
		<div class="options">
			<span class="title">
			</span>
			<span>
			</span>
			<span class="shuoming" >
			</span>
		</div>
	<div class="clear"></div>
	</div>
</div>
<div id="new_div"></div>
</html>